<script setup>

import Display from "@/views/OrderDisplay/components/display.vue";

defineOptions({
  name: 'OrderDisplayIndex'
})
</script>

<template>
  <el-row :gutter="0">
    <el-col :span="4"></el-col>
    <el-col :span="15">
      <div class="title-box">
        <div class="tit">
          <h3>我的订单</h3>
        </div>
      </div>
      <display />
    </el-col>
    <el-col :span="5"></el-col>
  </el-row>

</template>

<style lang="scss" scoped>
.title-box {
  padding: 10px 20px 20px;
  margin-top: 20px;
  background-color: white;
  margin-bottom: 20px;

  .tit {
    padding: 10px 0 0;

    h3 {
      font-size: 12px;
      color: #666;
      line-height: 18px;
    }
  }
}
</style>
